﻿<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html" ; charset="utf-8" />
    <title>宏宇教育信息采集</title>
    <link href="../../../css/main.css" rel="stylesheet" type="text/css" />
    <link
      href="../../../bstable/css/bootstrap.min.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="../../../bstable/css/bootstrap-table.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="../../../css/bootstrap-select.min.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="../../../css/bootstrap.min.css"
      rel="stylesheet"
      type="text/css"
    />
    <link
      href="../../../layer_v2.1/layer/skin/layer.css"
      rel="stylesheet"
      type="text/css"
    />
    <link href="../../../css/new.css" rel="stylesheet" type="text/css" />
  </head>

  <body>
    <!-- <div class="lx-top">
        宏宇教育信息采集
    </div> -->

    <div class="lx-section">
      <div class="title">基本信息</div>
      <div class="lx-form">
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-50">
            <a class="find_a"><span style="color: red">*</span> 姓名：</a>
            <input
              id="name"
              type="text"
              maxlength="10"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
          <p class="col lx-col-50">
            <a class="find_a"><span style="color: red">*</span>身份证号：</a>
            <input
              id="idno"
              type="text"
              maxlength="18"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
        </div>
        <div class="p_line text_ient lx-row ptb10">
          <div class="col lx-col-50">
            <a class="find_a">身份证正面：</a>
            <p class="img-con front-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input
              id="id-front"
              type="file"
              class="input-file"
              accept="image/*"
            />
          </div>
          <div class="col lx-col-50">
            <a class="find_a">身份证反面：</a>
            <p class="img-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input
              id="id-back"
              type="file"
              class="input-file"
              accept="image/*"
            />
          </div>
        </div>
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-25">
            <a class="find_a"><span style="color: red">*</span>电话：</a>
            <input
              id="phone"
              type="text"
              maxlength="11"
              class="form_input text_ient"
              placeholder="请输入11位手机号"
            />
          </p>
          <p class="col lx-col-25">
            <a class="find_a">民族：</a>
            <input
              id="nation"
              type="text"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
          <p class="col lx-col-25">
            <a class="find_a">性别：</a>
            <select class="select-30 form-control" style="width: 80%" id="sex">
              <option>男</option>
              <option>女</option>
            </select>
          </p>
          <p class="col lx-col-25">
            <a class="find_a">生日：</a>
            <input
              type="date"
              id="birth"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
        </div>
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-100">
            <a class="find_a">住址：</a>
            <input
              type="text"
              id="address"
              class="form_input text_ient"
              placeholder="自动识别或手动输入"
            />
          </p>
        </div>
        <div class="p_line text_ient lx-row">
          <p class="col lx-col-33">
            <a class="find_a">邮箱：</a>
            <input
              id="email"
              type="text"
              maxlength="20"
              class="form_input text_ient"
              placeholder="请输入邮箱号"
            />
          </p>
          <p class="col lx-col-33">
            <a class="find_a">QQ：</a>
            <input
              id="qq"
              type="text"
              maxlength="13"
              class="form_input text_ient"
              placeholder="请输入QQ号"
            />
          </p>
          <p class="col lx-col-33">
            <a class="find_a">工作单位：</a>
            <input
              id="company"
              type="text"
              maxlength="13"
              style="width: 70%"
              class="form_input text_ient"
              placeholder="请输入工作单位"
            />
          </p>
        </div>

        <div class="p_line text_ient lx-row ptb10">
          <div class="col lx-col-50">
            <a class="find_a">1寸蓝/白底照片：</a>
            <p class="img-con front-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input id="1cun" type="file" class="input-file" accept="image/*" />
          </div>
          <div class="col lx-col-50">
            <a class="find_a">2寸蓝/白底照片：</a>
            <p class="img-con">
              <img src="" />
              <b class="del-img">❌</b>
            </p>
            <input id="2cun" type="file" class="input-file" accept="image/*" />
          </div>
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">第一学历</div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学历层次：</a>
          <select
            id="educationName"
            style="width: 50%; max-width: 280px"
            class="educationLevel select-30 form-control"
          >
            <option value="">请选择</option>
          </select>
          <!-- <input id="major1" type="text" class="form_input text_ient" placeholder="请输入专业名称" /> -->
        </p>
        <p class="col lx-col-33">
          <a class="find_a">专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业：</a>
          <input
            id="zhuanye"
            type="text"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业院校：</a>
          <input
            id="school"
            type="text"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学习形式：</a>
          <select
            id="studyMode"
            style="width: 50%"
            class="select-30 form-control"
          >
            <option value="">请选择</option>
            <option value="全日制">全日制</option>
            <option value="成人高考">成人高考</option>
            <option value="网络教育">网络教育</option>
            <option value="自学考试">自学考试</option>
            <option value="开放教育">开放教育</option>
          </select>
        </p>
        <p class="col lx-col-33">
          <a class="find_a">证书编号：</a>
          <input
            id="certificateNumber"
            type="text"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请输入证书编号"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业时间：</a>
          <input
            id="time"
            type="date"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请选择毕业时间"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row ptb10">
        <div class="col lx-col-33">
          <a class="find_a">毕业证：</a>
          <p class="img-con front-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="biyezheng1"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">学位证：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="xueweizheng1"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">电子注册表：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="zhucebiao1"
            type="file"
            style="width: 65%"
            class="input-file"
            accept="image/*"
          />
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">第二学历</div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学历层次：</a>
          <select
            id="educationName2"
            style="width: 50%; max-width: 280px"
            class="educationLevel select-30 form-control"
          >
            <option value="">请选择</option>
          </select>
          <!-- <input id="major1" type="text" class="form_input text_ient" placeholder="请输入专业名称" /> -->
        </p>
        <p class="col lx-col-33">
          <a class="find_a">专&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;业：</a>
          <input
            id="zhuanye2"
            type="text"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业院校：</a>
          <input
            id="school2"
            type="text"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请输入专业名称"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row">
        <p class="col lx-col-33">
          <a class="find_a">学习形式：</a>
          <select
            id="studyMode2"
            style="width: 50%"
            id=""
            class="select-30 form-control"
          >
            <option value="">请选择</option>
            <option value="全日制">全日制</option>
            <option value="成人高考">成人高考</option>
            <option value="网络教育">网络教育</option>
            <option value="自学考试">自学考试</option>
            <option value="开放教育">开放教育</option>
          </select>
        </p>
        <p class="col lx-col-33">
          <a class="find_a">证书编号：</a>
          <input
            id="certificateNumber2"
            type="text"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请输入证书编号"
          />
        </p>
        <p class="col lx-col-33">
          <a class="find_a">毕业时间：</a>
          <input
            id="time2"
            type="date"
            style="width: 50%; max-width: 280px"
            class="form_input text_ient"
            placeholder="请选择毕业时间"
          />
        </p>
      </div>
      <div class="p_line text_ient lx-row ptb10">
        <div class="col lx-col-33">
          <a class="find_a">毕业证：</a>
          <p class="img-con front-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="biyezheng2"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">学位证：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="xueweizheng2"
            type="file"
            class="input-file"
            accept="image/*"
          />
        </div>
        <div class="col lx-col-33">
          <a class="find_a">电子注册表：</a>
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input
            id="zhucebiao2"
            type="file"
            style="width: 65%"
            class="input-file"
            accept="image/*"
          />
        </div>
      </div>
    </div>

    <div class="lx-section">
      <div class="title">证书信息</div>
      <div class="p_line text_ient lx-row">
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh1" type="file" class="input-file" accept="image/*" />
        </div>
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh2" type="file" class="input-file" accept="image/*" />
        </div>
      </div>
      <div class="p_line text_ient lx-row ptb10">
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh3" type="file" class="input-file" accept="image/*" />
        </div>
        <div class="col lx-col-50 lx-zheng">
          <a class="find_a">证书：</a>
          <input
            type="text"
            class="form_input text_ient"
            placeholder="请输入证书名称"
          />
          <p class="img-con">
            <img src="" />
            <b class="del-img">❌</b>
          </p>
          <input id="zh4" type="file" class="input-file" accept="image/*" />
        </div>
      </div>
    </div>

    <div style="display: none" id="xl-info" class="lx-section">
      <div class="title">学历报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row ptb10 student-education">
          <a class="find_a">学习形式：</a>
          <select
            id="baokao-studyMode"
            onchange="queryXLBatch(this)"
            class="select-25 studyMode form-control"
            onchange=""
            style="width: 25%; max-width: 180px"
          >
            >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">学历层次：</a>
          <select
            id="baokao-educationName"
            style="width: 25%; max-width: 180px"
            class="educationLevel educationName select-25 form-control"
            onchange="querySchool(this, 0)"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校：</a>
          <select
            id="myschool0"
            class="select-25 form-control myschool"
            style="width: 25%; max-width: 180px"
            onchange="queryCourse(this, 0)"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">报考专业：</a>
          <select
            id="mycourse0"
            class="select-25 form-control mycourse"
            style="width: 25%; max-width: 180px"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次：</a>
          <select
            id="xl-pc"
            class="select-25 form-control mybatch"
            style="width: 25%; max-width: 180px"
          >
            <option value="0">请选择</option>
          </select>
          <input type="hidden" id="studyId" />
        </div>
      </div>
    </div>

    <div style="display: none" id="xueli">
      <div class="lx-section fee fee-0">
        <div class="title">学历缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>

          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="display: none" id="zy-info" class="lx-section">
      <div class="title">职业报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row ptb10 student-occupation">
          <a class="find_a">职业技能类别：</a>
          <select
            id="myOccupation"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control myeducation professional-type"
            onchange="queryOccupation(this, 0)"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">报考专业：</a>
          <select
            id="myOccupationCourse0"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control majorName"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次：</a>
          <select
            id="zy-pc"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control mybatch"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">报考说明：</a>
          <input
            id="myOccupationExplain"
            type="text"
            style="width: 25%; max-width: 180px"
            class="form_input text_ient applyExplain"
            placeholder="请输入报考说明"
          />
        </div>
      </div>
    </div>

    <div style="display: none" id="zhiye">
      <div class="lx-section fee zhiye-0">
        <div class="title">职业缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>
          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="display: none" id="zc-info" class="lx-section">
      <div class="title">职称报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row ptb10 student-title">
          <a class="find_a">职称等级：</a>
          <select
            id="professionalLevel"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control job-title professional-level"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">职称系列：</a>
          <select
            id="professionalSeries"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control professional-series"
            onchange="queryOccupation(this, 0)"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">报考专业：</a>
          <select
            id="majorName"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control majorName"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次：</a>
          <select
            id="zc-pc"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control mybatch"
            style="width: 20%; max-width: 150px"
          >
            <option value="0">请选择</option>
          </select>
        </div>
      </div>
    </div>

    <div style="display: none" id="zhicheng">
      <div class="lx-section fee zhicheng-0">
        <div class="title">职称缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>
          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="display: none" id="px-info" class="lx-section">
      <div class="title">培训报考信息</div>
      <div class="lx-row">
        <div class="p_line text_ient lx-row student-train">
          <a class="find_a">报考项目：</a>
          <select
            id="applyProject"
            class="select-25 form-control myTrain apply-project"
            style="width: 25%; max-width: 180px"
            onchange="queryTrain(this, 0)"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">考试科目：</a>
          <label for="examCourse0"></label>
          <select
            id="examCourse0"
            style="width: 25%; max-width: 180px"
            title="请选择"
            multiple
            data-width="auto"
            data-live-search="true"
            data-size="5"
            class="selectpicker bla bla bli select-25 form-control exam-course"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">班&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次：</a>
          <select
            id="classes"
            style="width: 25%; max-width: 180px"
            class="select-25 form-control classes"
          >
            <option value="0">请选择</option>
          </select>
          <a class="find_a">批&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;次：</a>
          <select
            id="px-pc"
            class="select-25 form-control mybatch"
            style="width: 25%; max-width: 180px"
          >
            <option value="0">请选择</option>
          </select>
        </div>
        <div class="p_line text_ient lx-row ptb10">
          <a class="find_a">报考类型：</a>
          <select
            id="applyAssist"
            style="width: 25%; max-width: 180px"
            class="select-30 form-control apply-assist"
          >
            <option value="" selected>请选择</option>
            <option value="0">报考</option>
            <option value="1">培训</option>
            <option value="2">培训加报考</option>
          </select>
          <a class="find_a">&nbsp;开始时间：</a>
          <input
            id="start"
            style="width: 25%; max-width: 180px"
            type="date"
            class="form_input text_ient start"
            style="width: 220px"
            placeholder="请选择开始时间"
          />
          <a class="find_a">&nbsp;&nbsp;结束时间：</a>
          <input
            id="end"
            style="width: 25%; max-width: 180px"
            type="date"
            class="form_input text_ient end"
            style="width: 220px"
            placeholder="请选择结束时间"
          />
        </div>
      </div>
    </div>

    <div style="display: none" id="peixun">
      <div class="lx-section fee peixun-0">
        <div class="title">培训缴费信息</div>
        <div class="layui-col-xs12 layui-col-sm12 layui-col-md12">
          <table class="layui-table content-table" style="width: 100%">
            <thead>
              <tr>
                <th>期数</th>
                <th>缴费金额</th>
                <th>缴费日期</th>
                <th>是否已缴费</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
              <tr>
                <td>
                  <input
                    class="fee-id form_input text_ient"
                    oninput="if(value.length>1)value=value.slice(0,1)"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-money form_input text_ient"
                    type="number"
                    value=""
                  />
                </td>
                <td>
                  <input
                    class="fee-time form_input text_ient"
                    type="date"
                    value=""
                  />
                </td>
                <td>
                  <select class="fee-flag form-control">
                    <option value="0">否</option>
                    <option value="1">是</option>
                  </select>
                </td>
              </tr>
            </tbody>
          </table>
          <div
            class="p_line text_ient lx-row ptb10"
            style="width: 90%; margin: 0 auto"
          >
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>总费用：</a>
              <input
                type="number"
                class="form_input text_ient zong"
                placeholder="请输入总费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>优惠费用：</a>
              <input
                type="number"
                class="form_input text_ient youhui"
                placeholder="请输入优惠费用"
                maxlength="7"
              />
            </div>
            <div class="col lx-col-33">
              <a class="find_a"><span style="color: red">*</span>实缴费用：</a>
              <input
                type="number"
                class="form_input text_ient shijiao"
                placeholder="请输入实缴费用"
                maxlength="7"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <div style="text-align: center; margin-bottom: 30px">
      <button class="a_add" id="save">保存</button>
      <button class="a_add" id="submit">提交</button>
    </div>

    <div class="big-img" style="display: none">
      <img src="" alt="" />
    </div>

    <script src="../../../js/jquery.js"></script>
    <script src="../../../js/common.js"></script>
    <script src="../../../layer_v2.1/layer/layer.js"></script>
    <script src="../../../bstable/js/bootstrap-table.js"></script>
    <script src="../../../bstable/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="../../../js/bootstrap-select.min.js"></script>
    <script src="../../../js/bootstrap.min.js"></script>
    <script src="../../../js/laydate-master/laydate.js"></script>
    <script src="./otherInfo.js"></script>

    <script>
      window.mobile = JSON.parse(localStorage.getItem('userInfo')).mobile.slice(
        7
      );

      openMsg();

      document
        .querySelector('#idno')
        .addEventListener('input', debounce(changeValue, 300));

      function getInfoByIdNo(idNo) {
        if (idNo.length == 18) {
          $.ajax({
            url: baseUrl + 'studentInfo/getStudentInfo',
            method: 'get',
            data: { idNo },
            headers: {
              Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
            },
            success: function (data) {
              const { student, studentCards } = data;

              var maps = [
                'id-front',
                'id-back',
                'byz',
                'xwz',
                '1cun',
                '2cun',
                'biyezheng1',
                'xueweizheng1',
                'zhucebiao1',
                'biyezheng2',
                'xueweizheng2',
                'zhucebiao2',
              ];
              maps.map((item) => {
                console.log('item>>>>>>>>', item);
                $('#' + item)
                  .show()
                  .siblings('p')
                  .css('display', 'none')
                  .find('img')
                  .attr('src', '');
              });

              if (!student) return;

              if (studentCards) {
                showIdImg(studentCards);
              }

              $('#name').val(student.name);
              $('#phone').val(student.phoneNum);
              $('#idno').val(student.idNo);
              $('#nation').val(student.nation);
              $('#sex').val(student.sex);
              $('#birth').val(student.birthday);
              $('#address').val(student.address);
              $('#email').val(student.email);
              $('#qq').val(student.qqNumber);
              $('#company').val(student.workAdress);

              // 第一学历
              $('#zhuanye').val(student.major);
              if (student.educationName) {
                $('#educationName')
                  .find(`option:contains(${student.educationName})`)
                  .prop('selected', true);
              }
              $('#school').val(student.graduateSchool);
              $('#studyMode').val(student.studyMode);
              $('#certificateNumber').val(student.certificateNumber);
              $('#time').val(student.graduateTime);

              // 第二学历
              $('#zhuanye2').val(student.major2);
              if (student.educationName2) {
                $('#educationName2')
                  .find(`option:contains(${student.educationName2})`)
                  .prop('selected', true);
              }
              $('#school2').val(student.graduateSchool2);
              $('#studyMode2').val(student.studyMode2);
              $('#time2').val(student.graduateTime2);
              $('#certificateNumber2').val(student.certificateNumber2);
            },
          });
        }
      }

      function changeValue(event) {
        let idNo = event.target.value;
        if (!idNo) {
          return;
        } else {
          getInfoByIdNo(idNo);
        }
      }

      function showIdImg(list) {
        if (!list.length) return;

        var maps = ['id-front', 'id-back', 'byz', 'xwz'],
          maps1 = [
            '1cun',
            '2cun',
            'biyezheng1',
            'xueweizheng1',
            'zhucebiao1',
            'biyezheng2',
            'xueweizheng2',
            'zhucebiao2',
          ],
          maps2 = ['jiaofei', 'youhui', 'qita', 'tuikuan'],
          zh1,
          zh2,
          zh3,
          zh4,
          id;
        list.forEach(function (item, index) {
          if (maps.includes(item.property)) {
            $('#' + item.property)
              .hide()
              .siblings('p')
              .css('display', 'inline-block')
              .find('img')
              .attr(
                'src',
                baseUrl +
                  'studentInfo/picDownload?url=' +
                  encodeURIComponent(item.fileResource)
              );
          } else if (maps1.includes(item.property)) {
            console.log(item);
            $('#' + item.property)
              .hide()
              .siblings('p')
              .css('display', 'inline-block')
              .find('img')
              .attr(
                'src',
                baseUrl +
                  'studentInfo/picDownload?url=' +
                  encodeURIComponent(item.fileResource)
              );
          } else if (!maps2.includes(item.property)) {
            console.log(zh1, 11, item);
            if (!zh1) {
              id = 'zh1';
              zh1 = 1;
            } else if (!zh2) {
              id = 'zh2';
              zh2 = 1;
            } else if (!zh3) {
              zh3 = 1;
              id = 'zh3';
            } else {
              zh4 = 1;
              id = 'zh4';
            }
            $('#' + id).hide();
            console.log(id);
            if (item.property || item.fileResource) {
              $('#' + id)
                .siblings('p')
                .css('display', 'inline-block')
                .find('img')
                .attr(
                  'src',
                  baseUrl +
                    'studentInfo/picDownload?url=' +
                    encodeURIComponent(item.fileResource)
                );
              $('#' + id)
                .siblings('input')
                .val(item.property);
            }
          }
        });
      }

      function showImg(list) {
        if (!list.length) return;
        $('#pingzheng').show();
        var maps = ['id-front', 'id-back', 'byz', 'xwz'],
          maps1 = [
            '1cun',
            '2cun',
            'biyezheng1',
            'xueweizheng1',
            'zhucebiao1',
            'biyezheng2',
            'xueweizheng2',
            'zhucebiao2',
          ],
          maps2 = ['jiaofei', 'youhui', 'qita', 'tuikuan'],
          zh1,
          zh2,
          zh3,
          zh4,
          id;
        list.forEach(function (item, index) {
          if (maps.includes(item.property)) {
            $('#' + item.property)
              .hide()
              .siblings('p')
              .css('display', 'inline-block')
              .find('img')
              .attr(
                'src',
                baseUrl +
                  'studentInfo/picDownload?url=' +
                  encodeURIComponent(item.fileResource)
              );
          } else if (maps1.includes(item.property)) {
            console.log(item);
            $('#' + item.property)
              .hide()
              .siblings('p')
              .css('display', 'inline-block')
              .find('img')
              .attr(
                'src',
                baseUrl +
                  'studentInfo/picDownload?url=' +
                  encodeURIComponent(item.fileResource)
              );
          } else if (maps2.includes(item.property)) {
            $('#' + item.property)
              .attr(
                'src',
                baseUrl +
                  'studentInfo/picDownload?url=' +
                  encodeURIComponent(item.fileResource)
              )
              .parents('.pz1')
              .css({ display: 'inline-block' });
          } else {
            console.log(zh1, 11, item);
            if (!zh1) {
              id = 'zh1';
              zh1 = 1;
            } else if (!zh2) {
              id = 'zh2';
              zh2 = 1;
            } else if (!zh3) {
              zh3 = 1;
              id = 'zh3';
            } else {
              zh4 = 1;
              id = 'zh4';
            }
            $('#' + id).hide();
            console.log(id);
            if (item.property || item.fileResource) {
              $('#' + id)
                .siblings('p')
                .css('display', 'inline-block')
                .find('img')
                .attr(
                  'src',
                  baseUrl +
                    'studentInfo/picDownload?url=' +
                    encodeURIComponent(item.fileResource)
                );
              $('#' + id)
                .siblings('input')
                .val(item.property);
            }
          }
        });
      }

      function querySchool(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/querySchoolList',
          method: 'Post',
          data: 'educationId=' + obj.value,
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].schoolName +
                '</option>';
            }
            $(obj).parent().find('.myschool').html(html_);
          },
        });
      }

      function queryCourse(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/queryCourseList',
          method: 'Post',
          data: 'schoolId=' + obj.value,
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].courseName +
                '</option>';
            }
            $(obj).next().next().html(html_);
          },
        });
      }

      // 根据学习形式带出批次
      function queryXLBatch(obj) {
        $.ajax({
          url: baseUrl + 'education/queryBatchList',
          method: 'Post',
          data: {
            pid: $(obj).val(),
            trainType: 'education',
          },
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].batch +
                '</option>';
            }
            $('#xl-pc').html(html_);
          },
        });
      }

      function queryOccupation(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/queryOccupationInfoList',
          method: 'Post',
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          data: 'occupationId=' + obj.value,
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].occupationInfoName +
                '</option>';
            }
            $(obj).next().next().html(html_);
          },
        });
      }

      function queryTrain(obj, idx) {
        $.ajax({
          url: baseUrl + 'education/queryTrainInfoList',
          method: 'Post',
          headers: {
            Authorization: JSON.parse(localStorage.getItem('userInfo')).token,
          },
          data: 'trainId=' + obj.value,
          success: function (data) {
            var html_ = '<option value="0">请选择</option>';
            for (var i = 0; i < data.length; i++) {
              html_ +=
                '<option  value="' +
                data[i].id +
                '" >' +
                data[i].trainInfoName +
                '</option>';
            }
            $(`#examCourse${idx}`).html(html_);
            $('.selectpicker').selectpicker('refresh');
          },
        });
      }

      function bigShow(src) {
        $('.big-img img').attr('src', src);
        $('.big-img').show();
      }
      $('.big-img').on('click', function () {
        $('.big-img').hide();
      });

      $('.img-con img').on('click', function () {
        var src = $(this).attr('src');
        if (src.endsWith('pdf')) {
          src = encodeURIComponent(location.origin + src);
          window.open('../../pdf/web/viewer.html?file=' + src);
        } else {
          bigShow(src);
        }
      });
    </script>
  </body>
</html>
